*{
  padding: 0;
  margin: 0;
}
html,body{
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 0.729vw;// 1rem = 10px
}
#app{
  position: relative;
  width: 100%;
  height: 100%;
}
:root {
  //--el-color-primary: green;
  --ai-color-high: #BD3124;
  --ai-color-high-hover: #9a281e;
}
.fb{
  font-family: PingFangSC-bold;
}
.high-btn{
  position: relative;
  height: 32px;
  line-height: 32px;
  padding: 0px 15px;
  color: #fff;
  background: var(--ai-color-high);
  border-radius: 4px;
  font-size: 1.4rem;
  display: inline-block;
  cursor: pointer;
  &:hover{
    background: var(--ai-color-high-hover);
  }
}

@-webkit-keyframes loading-rotate {
  0%{
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
  }
  100%{
    -webkit-transform: rotate3d(0, 0, 1, 360deg);
  }
}
@keyframes loading-rotate {
  0%{
    transform: rotate3d(0, 0, 1, 0deg);
  }
  100%{
    transform: rotate3d(0, 0, 1, 360deg);
  }
}
.loading{
  animation: loading-rotate 1s linear infinite;
}
@media only screen and (max-width: 1080px) {
  .header-wrapper{
    height: 5.6rem !important;
    .logo-title{
      font-size: 2.2rem !important;
    }
    .link-btn{
      font-size: 2.2rem !important;
    }
  }
}
@media only screen and (max-width: 720px) {
  .header-wrapper{
    height: 6.6rem !important;
    .logo-title{
      font-size: 2.8rem !important;
    }
    .link-btn{
      font-size: 2.8rem !important;
    }
  }
}
.scrollbar-y{
  overflow-y: hidden;
  //scrollbar-width: thin;
  //scrollbar-color: rgba(0,0,0,0.2) rgba(0,0,0,0.1);
  scrollbar-gutter: stable;
  -webkit-overflow-scrolling: touch;
  &:hover{
    overflow-y: overlay;
  }
  &::-webkit-scrollbar {
    width: 5px; // 设置成0滚动条会因为设置了scrollTop暂歇性的无法滚动
  }
  /* 设置滚动条背景色 */
  &::-webkit-scrollbar-track{
    //background: rgba(0, 0, 0, 0.1);
    background: rgba(0, 0, 0, 0);
    border-radius: 3px;
  }
  /*滚动条里面小方块背景色*/
  &::-webkit-scrollbar-thumb {
    //background:rgba(0,0,0,0.3);
    background:rgba(0,0,0,0);
    border-radius: 3px;
  }
}
.link-btn{
  color: #fff;
  font-family: PingFangSC-bold;
  font-size: 1.2rem;
  padding: 0 5px;
  cursor: pointer;
}
.header-search-input{
  .el-input__wrapper{
    border-radius: 30px;
    background-color: #f4f5f7;
  }
}
.search-history-card{
  .el-card__body{
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
    @extend .scrollbar-y;
  }
}
.search-chat-card{
  .el-card__body{
    height: 100%;
    padding: 0;
    //background: #f4f5f7;
    .answer-content{
      @extend .scrollbar-y;
    }

  }
}
.sci-hot-page{
  .hot-list{
    @extend .scrollbar-y;
  }
}
.pcenter-page{
  .form-card{
    .el-card__body{
      height: calc(100% - 110px);
      @extend .scrollbar-y;
    }
  }
}
